<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动场景2；左右两列布局</title>
	 <style>
		 /* 1.导航条，抓导航外围空间 #nav */
#nav{
	width: 100%;
	height: 96px;
	background: #453135;
}
	/* 2.导航条  抓到内围空间 .nav_left */	 
		 #nav div.nav_left{
			 /* 精准定位；加权111 */
		 
		 float:left;
		 width: 30%;
		 background-color: aqua;
		 }
		 /* 3.0导航条  抓到内围空间.nav_left设置 */
</style>

	</head>
	<body>
		<!-- html结构 外层div,内层套俩div -->
		<div id="nav">
			<div class="nav_left">左侧</div>
			<div class="nav_right">右侧</div>	
		
		</div>
		
		
		
		
	</body>
</html>